#banner{position:relative}#banner .slick-slider{margin:0}#banner .baseo{position:absolute;bottom:0;left:0;background:rgba(0,0,0,.7);padding:2px 0;width:100%}#banner .baseo section{width:1000px;margin:0 auto;overflow:hidden;display:flex;justify-content:space-between;align-items:center}#banner img{width:100%;}.icon_runMsg{width:45px;height:45px;background:url(../../images/07/icon_runMsg.svg) no-repeat 12px 50%;background-size:21px;float:left}#banner .baseo .seo{width:calc(100% - 50px);color:#fff;font-size:16px;overflow:hidden}#sider{width:100%;height:580px;overflow:hidden}#sider ul{margin:70px auto 0;overflow:hidden}#sider ul li{width:100%;height:580px}.wrapper .content .contentMain{padding:300px 0 0;width:770px;float:right;overflow:hidden}.wrapper .content .contentMain #latest-news{margin:0 0 0 30px;padding:80px 40px 130px 20px;width:315px;background:url(../../images/07/index/bg-news.png) no-repeat 0 0;float:left;position:relative}.wrapper .content .contentMain #latest-news h3{display:none}.wrapper .content .contentMain #latest-news .wrap{height:170px !important;overflow:hidden}.wrapper .content .contentMain #latest-news .wrap ul{height:170px !important}.wrapper .content .contentMain #latest-news .wrap ul li{margin:5px 0;overflow:hidden}.wrapper .content .contentMain #latest-news .wrap ul li h4{padding:0 0 0 15px;width:205px;background:url(../../images/07/index/dot01.png) no-repeat 0 5px;float:left}.wrapper .content .contentMain #latest-news .wrap ul li p{width:80px;float:right;text-align:right}.wrapper .content .contentMain .hotproduct{width:365px;float:left;position:relative}.wrapper .content .contentMain .hotproduct #products{margin:10px;width:325px}.wrapper .content .contentMain .hotproduct #products .photoView{margin:40px 35px 0 90px;width:240px;height:220px;overflow:hidden}.wrapper .content .contentMain .hotproduct #products .photoView img{width:240px}.wrapper .content .contentMain .hotproduct #products .subphto{width:345px;height:67px;overflow:hidden;position:absolute;z-index:220;top:280px}.wrapper .content .contentMain .hotproduct #products .subphto ul{overflow:hidden}.wrapper .content .contentMain .hotproduct #products .subphto ul li{margin:0 10px 0 0;width:100px;float:left}.wrapper .content .contentMain .hotproduct #products .subphto ul li img{width:100px;height:67px}.wrapper .content .contentMain .hotproduct .bannerWrap{width:365px;height:365px;background:url(../../images/07/index/bg-products.png) no-repeat 0 0;position:absolute;top:0;z-index:210}#Extra-setting .workframe{display: flex;flex-wrap: wrap;padding: 30px 0px;justify-content: space-between;}#Extra-setting .item{position:relative;border-radius: 7px;overflow: hidden;}#Extra-setting .item a{position:absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}#Extra-setting .item .item-icon{position:relative}#Extra-setting .item .item-icon b{position:absolute;width: 100%;background: rgba(0,0,0,.6);bottom: 0;left: 0;text-align: center;color: #fff;font-weight: 300;padding: 10px 0;transition: all ease .3s;font-size: 16px;}#Extra-setting .item:hover .item-icon b{font-size: 17px;color: #5df6ff;padding: 15px 0;}#Extra-setting .item:nth-child(2):hover .item-icon b{color: #bf92ff;}#Extra-setting .item:nth-child(3):hover .item-icon b{color: #fff200;}#Extra-setting .item:nth-child(4):hover .item-icon b{color: #ffa7da;}#Extra-setting .item .item-icon img{width:100%;}#Extra-setting .item .item-info{padding: 0 15px; width: 62%}#Extra-setting .item .item-info .item-title{margin-bottom: 27px; color: #fff;font-size: 22px;}#Extra-setting .item .item-info .item-descript{color: #888888;font-size: 17px; line-height: 30px;}.otherLink{display:table;width:700px;margin:27px auto 0 auto}.otherLink li{display:table-cell;height:55px;vertical-align:middle;color:#666;font-size:16px;padding-left:78px;letter-spacing:2px;position:relative;white-space:nowrap;cursor:pointer;transition:all ease .3s;box-sizing:border-box}.otherLink li:hover{color:#007745;padding-bottom:16px}.otherLink li:last-child{width:1px;padding-right:13px}.otherLink li:before{content:'';background:url(/images/TS777/in/icon_group.png) no-repeat;width:55px;height:55px;position:absolute;top:0;left:13px;margin:auto 0;transition:all ease .3s}.otherLink li:hover:before{top:-8px}li.btn_OL_service:before{background-position:9px -50px}li.btn_OL_help:before{background-position:-51px -53px}li.btn_OL_active:before{background-position:-117px -53px}li.btn_OL_bbs:before{background-position:-179px -53px}li.btn_OL_complaint:before{background-position:-240px -46px}.otherLink a{display:table-cell;height:55px;vertical-align:middle;color:#666;font-size:16px;padding-left:78px;letter-spacing:2px;position:relative;white-space:nowrap;cursor:pointer;transition:all ease .3s;box-sizing:border-box}.otherLink a:hover{color:#007745;padding-bottom:16px}.otherLink a:last-child{width:1px;padding-right:13px}.otherLink a:before{content:'';background: url(../../images/07/icon_group.png) no-repeat;width:55px;height:55px;position:absolute;top:0;left:13px;margin:auto 0;transition:all ease .3s}.otherLink a:hover:before{top:-8px}a.btn_OL_service:before{background-position:9px -50px}a.btn_OL_help:before{background-position:-51px -53px}a.btn_OL_active:before{background-position:-117px -53px}a.btn_OL_bbs:before{background-position:-179px -53px}a.btn_OL_complaint:before{background-position:-240px -46px}@media screen and (max-width:1024px){#banner .baseo section{width:100%;} #banner .baseo{position:relative;} #banner .baseo .seo{font-size: 14px;}}@media screen and (max-width:768px){#Extra-setting .item{width: calc(50% - 20px);margin: 10px;}}@media screen and (max-width:640px){#banner img{height: 130px;object-fit: cover;} .wrapper #footer .under_list li:last-child{display:none;} .rightSwitch{display:none;} .otherLink a, .otherLink a:last-child{width:50%;display: inline-flex;align-items: center;margin: 10px 0;padding-left: 75px;font-size: 14px;letter-spacing: 0;} .otherLink{width:90%;display: flex;align-items: center;flex-wrap: wrap;margin-top: 0;}}